<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<title>Backup</title>

    <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
    
    <link rel="stylesheet" type="text/css" href="stylesheets/green-theme/jquery-ui-1.10.3.min.css" />
    <link rel="stylesheet" type="text/css" href="stylesheets/common.css" />
    <link rel="stylesheet" type="text/css" href="stylesheets/jstree/style.css" />
    <link rel="stylesheet" type="text/css" href="stylesheets/main.css" />
    <link rel="stylesheet" type="text/css" href="stylesheets/editdialog.css" />
    <link rel="stylesheet" type="text/css" href="stylesheets/restoredialog.css" />
    <link rel="stylesheet" type="text/css" href="stylesheets/logwindow.css" />
    <link rel="stylesheet" type="text/css" href="stylesheets/oem.css" />
    <link rel="stylesheet" type="text/css" href="stylesheets/customized.css" />

<!--[if lt IE 9]>
    <script type="text/javascript" src="scripts/jquery-1.11.0.min.js"></script>
<![endif]-->
    <script type="text/javascript" src="scripts/jquery-2.0.3.min.js"></script>
    <script type="text/javascript" src="scripts/jquery-ui-1.10.3.min.js"></script>
    <script type="text/javascript" src="scripts/jquery.tmpl.min.js"></script>
    <script type="text/javascript" src="scripts/jquery.watermark.min.js"></script>
    <script type="text/javascript" src="scripts/jstree.min.js"></script>
    <script type="text/javascript" src="scripts/json2.js"></script>
    <script type="text/javascript" src="scripts/oldbrowsersupport.js"></script>
    <script type="text/javascript" src="scripts/config.js"></script>
    <script type="text/javascript" src="scripts/app.js"></script>
    <script type="text/javascript" src="scripts/editdialog.js"></script>
    <script type="text/javascript" src="scripts/edituri.js"></script>
    <script type="text/javascript" src="scripts/restoredialog.js"></script>
    <script type="text/javascript" src="scripts/folderbrowser.js"></script>
    <script type="text/javascript" src="scripts/logwindow.js"></script>
    <script type="text/javascript" src="scripts/plugins.js"></script>
    <script type="text/javascript" src="scripts/hideShowPassword.min.js"></script>
    <script type="text/javascript" src="scripts/jquery.timeago.js"></script>
    <script type="text/javascript" src="scripts/jquery.noty.packaged.min.js"></script>
    <script type="text/javascript" src="scripts/oem.js"></script>
    <script type="text/javascript" src="scripts/customized.js"></script>


    <script id="backup-item-template" type="text/x-jquery-tmpl">
        <div id="backup-${Backup.ID}" class="main-backup-entry">

            <div id="backup-control-${Backup.ID}" class="main-backup-control">
            </div>    

            <div class="caption-text">${Backup.Name}</div>
            <ul class="hint-text last-run-time">
                <li class="hint-text-caption">Last successful run:</li>
                <li class="backup-last-run" alt="${Backup.Metadata.LastBackupStarted}">${$.timeago($.parseDate(Backup.Metadata.LastBackupStarted))}</li>
            </ul>
            <ul class="hint-text next-run-time" style="display: none">
                <li class="hint-text-caption">Next run:</li>
                <li class="backup-next-run"></li>
            </ul>

            <ul class="hint-text last-run-source-size">
                <li class="hint-text-caption">Source:</li>
                <li class="source-size">${Backup.Metadata.SourceSizeString || 'No data'}</li>
            </ul>
            <ul class="hint-text last-run-target-size">
                <li class="hint-text-caption">Backup:</li>
                <li class="target-size">${Backup.Metadata.TargetSizeString || 'No data'}</li>
            </ul>
        </div>
    </script>
    <script id="backup-option-template" type="text/x-jquery-tmpl">
        <div class="backup-option ${Deprecated}">
            <div>
                <a id="${Name}" class="action-link backup-option-name backup-option-link">${Name}</a> : <div class="backup-option-short">${ShortDescription}</div>
            </div>
            <div class="backup-option-summary">
                <div class="backup-option-type">Type: ${Type}</div>,
                <div class="backup-option-default">Default value: ${DefaultValue}</div>
            </div>
            <div class="backup-option-long">${LongDescription}</div>
        </div>
    </script>

    <script id="log-data-template" type="text/x-jquery-tmpl">
        <div class="log-entry">
            <div class="log-backupid">${BackupID}</div>
            <div class="log-timestamp" title="${Timestamp*1000}">${Timestamp*1000}</div>
            <div class="log-message">${Message}</div>
            <div class="log-exception">${Exception}</div>
        </div>
    </script>

    <script id="about-dialog-template" type="text/x-jquery-tmpl">
        <li class="about-library-entry">
            <div class="about-library-name"><a href="${link}" target="blank">${name}</a></div>
            <div class="about-library-description">${description}.</div>
            <div class="about-library-license"> <a href="${licenselink}">${license} licensed.</a></div>
            <div class="about-library-notes"></div>
        </li>
    </script>

</head>
<body>
    <div id="click-intercept"></div>

    <div id="main-topbar">
        <div id="main-appname">DUPLICATI</div>

        <ul class="main-shortcuts">
            <li id="main-donate" class="main-icon-donate" style="display: none"></li>
            <li id="main-control" class="main-icon-pause"></li>
            <li id="main-settings" class="main-icon-settings"></li>
        </ul>

        <ul id="main-control-menu" class="menu">
            <li id="main-control-menu-settings"><a>Settings...</a></li>
            <li>-</li>
            <li><a>Pause ...</a>
                <ul id="main-control-menu-pause-submenu" class="menu">
                    <li id="main-control-menu-pause-submenu-5m"><a>Pause 5 minutes</a></li>
                    <li id="main-control-menu-pause-submenu-10m"><a>Pause 10 minutes</a></li>
                    <li id="main-control-menu-pause-submenu-15m"><a>Pause 15 minutes</a></li>
                    <li id="main-control-menu-pause-submenu-30m"><a>Pause 30 minutes</a></li>
                    <li id="main-control-menu-pause-submenu-1h"><a>Pause 1 hour</a></li>
                </ul>
            </li>
            <li id="main-control-menu-throttle"><a>Throttle ...</a></li>
            <li id="main-control-menu-log"><a>Log ...</a></li>
            <li>-</li>
            <li id="main-control-menu-about"><a>About ...</a></li>
        </ul>
    </div>

    <ul id="backup-context-menu" class="context-popup-menu menu" style="display: none">
        <li id="backup-details-run"><a>Backup Now</a></li>
        <li id="backup-details-restore"><a>Restore</a></li>
        <li>-</li>
        <li id="backup-details-edit"><a>Edit</a></li>
        <li id="backup-details-copy"><a>Copy</a></li>
        <li id="backup-details-delete"><a>Delete</a></li>
        <li>-</li>
        <li id="backup-details-show-log"><a>Show log</a></li>
        <li id="backup-details-verify"><a>Verify</a></li>
        <li>-</li>
        <li id="backup-details-delete-local"><a>Delete local data</a></li>
        <li id="backup-details-delete-remote"><a>Delete remote data</a></li>
        <li id="backup-details-repair"><a>Repair</a></li>
        <li>-</li>
        <li id="backup-details-send-report"><a>Send bug report</a></li>
    </ul>        

    <div class="main-status-area-outer">
        <div id="main-status-area">
            <div id="main-status-area-text">
            My Important Backup
            </div>
            <div id="main-status-area-progress-outer">
                <div id="main-status-area-progress-bar" class="">
                </div>
                <div id="main-status-area-progress-text">
                Processing 123456 files ...
                </div>
            </div>

            <div id="main-status-area-cancel-button">
            </div>
        </div>
    </div>

    <div id="main-list">
        <div id="main-list-container">
            <div id="main-newbackup">
                <div class="main-backup-control main-icon-plus"></div>
                <div class="caption-text">Add new backup</div>

                <ul class="hint-text">
                    <li class="hint-text-caption">Click on the icon to add a new backup job</li>
                </ul>
            </div>
        </div>
    </div>

    <div id="loading-dialog" class="modal-dialog" title="Loading...">
        <div id="main-list-loader-icon" class="large-loader-icon"></div>
    </div>

    <div id="connection-lost-dialog" class="modal-dialog" title="Server connection lost">
        <div id="connection-lost-dialog-text"></div>
    </div>

    <div id="edit-dialog" class="modal-dialog tabs edit-dialog" title="Edit backup">
        <ul>
            <li><a href="#edit-tab-general">General</a></li>
            <li><a href="#edit-tab-sourcedata">Source Data</a></li>
            <li><a href="#edit-tab-target">Target</a></li>
            <li><a href="#edit-tab-schedule">Schedule</a></li>
            <li><a href="#edit-tab-options">Options</a></li>
        </ul>

        <form id="edit-dialog-form">
            <div id="edit-tab-general">
                <div class="edit-dialog-label">Name of backup</div>
                <input type="text" name="backup-name" id="backup-name" class="ui-corner-all" />

                <div class="edit-dialog-label">Backup labels</div>
                <input type="text" name="backup-labels" id="backup-labels" class="ui-corner-all" />
        
                <div id="encryption-area">
                    <div class="input-hint">
                        It is recommended to encrypt all backups that are stored on remote servers
                    </div>

                    <div class="edit-dialog-label">Encryption method</div>
                    <select type="text" name="encryption-method" id="encryption-method" class="ui-corner-all">
                        <option>AES 256 bit</option>
                        <option>GNU Privacy Guard</option>
                    </select>

                    <div id="encryption-password-area">
                        <div class="edit-dialog-label">Encryption passphrase</div>
                        <input type="password" name="encryption-password" id="encryption-password" value="" class="ui-corner-all" /><br/>

                        <div class="clearfix"></div>
                        <div class="edit-dialog-label" id="repeat-password-label">Repeat passphrase</div>
                        <div class="field-group">
                            <input type="password" name="repeat-password" id="repeat-password" value="" class="ui-corner-all" /><br/>
                            <div id="toggle-show-password" class="action-link action-link-input">Show passwords</div>
                            <div id="generate-password" class="action-link action-link-input backup-password-generate">Generate password</div>
                            <div class="clearfix"></div>

                            <div id="backup-password-strength" class="backup-password-strength" title="Time it takes to break this password">Strength: unknown</div>
                        </div>
                    </div>
                </div>

            </div>

            <div id="edit-tab-sourcedata">
                <div id="source-folder-paths" class="empty">
                <div id="source-folder-droptarget"></div>
                    <div id="source-folder-paths-hint" class="hint-text">Click the &quot;Browse&quot; button to add folders</div>
                </div>

                <div class="clearfix"></div>

                <input id="source-folder-list" name="source-folder-list" type="hidden" />
                <div id="source-folder-entry">
                    <input id="source-folder-path-text" type="text" />
                    <div id="source-folder-path-add" class="button">Browse</div>
                </div>


            </div>

            <div id="edit-tab-target">
                <div class="input-hint">
                The connection URI defines where your backup is stored. It contains everything that is required to connect to your storage.
                </div>
                <div class="edit-dialog-label">Connection URI</div>
                <div class="field-group">
                    <input type="text" name="backup-uri" id="backup-uri" value="" class="ui-corner-all" />
                    <div  id="edit-connection-uri-link" class="action-link">Create connection URI</div>
                </div>
            </div>

            <div id="edit-tab-schedule">
                <input id="use-scheduled-run" type="checkbox" />
                <div>Run regularly at the specified times</div>

                <div id="use-scheduled-run-details">
                    <div class="hint-line-last">If a date was missed, the job will run as soon as possible.</div>

                    <div class="clearfix"></div>

                    <div class="edit-dialog-label">Next time</div>
                    <div class="input-wrapper">
                        <input type="time" id="next-run-time" name="next-run-time"/>
                        <input type="date" id="next-run-date" name="next-run-date" />
                    </div>

                    <div class="clearfix"></div>

                    <div class="edit-dialog-label">Run again every</div>
                    <div class="input-wrapper">
                        <input type="number" id="repeat-run-number" name="repeat-run-number"/>
                        <select id="repeat-run-multiplier" name="repeat-run-multiplier">
                            <option value="h">hours</option>
                            <option value="D">days</option>
                            <option value="W">weeks</option>
                            <option value="M">months</option>
                            <option value="Y">years</option>
                            <option value="">custom</option>
                        </select>
                    </div>

                    <div class="clearfix"></div>

                    <div class="edit-dialog-label">Allowed days</div>
                    <div class="input-wrapper">
                        <input type="checkbox" class="simple-checkbox" id="allow-day-mon" name="allow-day-mon" />
                        <div class="days-label">Mon</div>
                        <input type="checkbox" class="simple-checkbox" id="allow-day-tue" name="allow-day-tue" />
                        <div class="days-label">Tue</div>
                        <input type="checkbox" class="simple-checkbox" id="allow-day-wed" name="allow-day-wed" />
                        <div class="days-label">Wed</div>
                        <input type="checkbox" class="simple-checkbox" id="allow-day-thu" name="allow-day-thu" />
                        <div class="days-label">Thu</div>
                        <input type="checkbox" class="simple-checkbox" id="allow-day-fri" name="allow-day-fri" />
                        <div class="days-label">Fri</div>
                        <input type="checkbox" class="simple-checkbox" id="allow-day-sat" name="allow-day-sat" />
                        <div class="days-label">Sat</div>
                        <input type="checkbox" class="simple-checkbox" id="allow-day-sun" name="allow-day-sun" />
                        <div class="days-label">Sun</div>
                    </div>
                </div>
            </div>

            <div id="edit-tab-options">
                <div class="hint-line-last">Duplicati splits backups into smaller files. A smaller size (e.g. 10MB) is recommended for slow and unstable connections. A larger size (e.g. 200MB) is recommended in LAN environments</div>

                <div class="clearfix"></div>

                <div class="edit-dialog-label">Max backup file size</div>
                <div class="input-wrapper">
                    <input type="number" id="dblock-size-number" name="dblock-size-number" />
                    <select id="dblock-size-multiplier" name="dblock-size-multiplier">
                        <option value="kb">KByte</option>
                        <option value="mb">MByte</option>
                        <option value="gb">GByte</option>
                        <option value="tb">TByte</option>
                    </select>
                </div>

                <div class="clearfix"></div>

                <div class="edit-dialog-label" id="backup-options-link"><a class="action-link">Options<div class="ui-icon ui-icon-info"></div></a></div>
                
                <textarea id="backup-options" rows="4" name="backup-options"></textarea>

            </div>
        </form>
    </div>

    <div id="connection-uri-dialog" class="modal-dialog edit-dialog" style="display: none" title="Connection URI">
        <form id="edit-uri-form">
            <div class="edit-dialog-label">Target Type</div>
            <div class="field-group">
                <select id="backend-type" name="backend-type"></select>
                <input type="checkbox" id="server-use-ssl" name="server-use-ssl" value="use-ssl"/><div class="checkbox-label" id="server-use-ssl-label" >Use SSL</div>
            </div>

            <div class="edit-dialog-label" id="server-name-and-port-label">Server &amp; Port</div>
            <div class="field-group" id="server-name-and-port">
                <input type="text" name="server-name" id="server-name" value="" class="text ui-widget-content ui-corner-all" />
                <input type="text" name="server-port" id="server-port" value="" class="text ui-widget-content ui-corner-all" />
            </div>

            <div class="edit-dialog-label" id="server-path-label">Path on server</div>
            <input type="text" name="server-path" id="server-path" class="text ui-widget-content ui-corner-all" />

            <div id="server-username-and-password">
                <div id="server-username-label" class="edit-dialog-label">Username</div>
                <input type="text" name="server-username" id="server-username" class="text ui-widget-content ui-corner-all" />

                <div id="server-password-label" class="edit-dialog-label">Password</div>
                <input type="password" name="server-password" id="server-password" class="text ui-widget-content ui-corner-all" />
            </div>

            <div class="edit-dialog-label" id="server-options-label"><a class="action-link">Options<div class="ui-icon ui-icon-info"></div></a></div>
            <textarea id="server-options" name="server-options"></textarea>

            <div id="edit-dialog-extensions"></div>
        </form>
    </div>

    <div id="restore-dialog" class="modal-dialog restore-dialog" title="Restore files &amp; folders">
        <form id="restore-form">
            <div id="restore-files-page">
                <div id="restore-search-section">
                    <input type="search" id="restore-search" /><div id="restore-search-loader" class="small-loader-icon"></div>

                    <select id="restore-version">
                        <option value="0">Latest</option>
                    </select>
                </div>

                <div id="restore-files-tree"></div>
            </div>

            <div id="restore-path-page">
                <div id="restore-hint-target" class="hint-text">Where do you want to restore the files to?</div>
                <div><input id="restore-overwrite-target-original" type="radio" name="restore-target" value="original" />Original location</div>
                <div><input id="restore-overwrite-target-other" type="radio" name="restore-target" value="other" />Pick a new location</div>

                <div id="restore-target-path-area">
                    <input type="text" id="restore-target-path" /><input type="button" id="restore-target-path-browse" class="browse-button" value="..." />
                </div>

                <div id="restore-hint-overwrite" class="hint-text">How do you want to handle existing files?</div>
                <div><input id="restore-overwrite-overwrite" type="radio" name="restore-overwrite" value="overwrite" />Overwrite</div>
                <div><input id="restore-overwrite-keep" type="radio" name="restore-overwrite" value="keep" />Save different versions with timestamp in filename</div>
            </div>

            <div id="restore-complete-page">
                <div class="hint-text">Your files and folders have been restored succesfully</div>
                <div id="restore-hint-donate" class="hint-text">Did we help save your files? If so, please consider supporting Duplicati with a donation.</div>
                <div id="restore-hint-paypal" class="hint-text"><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=paypal%40hexad%2edk&item_name=Duplicati%20Donation&no_shipping=2&no_note=1&tax=0&currency_code=EUR&bn=PP%2dDonationsBF&charset=UTF%2d8&lc=US" target="blank">VISA, Mastercard, ... via Paypal</div>
                <div id="restore-hint-bitcoin" class="hint-text"><a href="bitcoin:1ADgoUoE9uN725Ypeh9M9WTKFLJzfWWMBh" target="blank">Bitcoin: 1ADgoUoE9uN725Ypeh9M9WTKFLJzfWWMBh</a></div>

            </div>
        </form>
    </div>


    <div id="backup-options-dialog" class="modal-dialog" title="Avaliable options"></div>

    <div id="folder-browse-dialog" class="modal-dialog" title="Choose folder"></div>

    <div id="log-dialog" class="modal-dialog" title="Log data">
        
    </div>

    <div id="backup-log-dialog" class="modal-dialog" title="Log data">
        <ul>
            <li><a href="#backup-log-tab-general">General</a></li>
            <li><a href="#backup-log-tab-remote">Remote</a></li>
        </ul>

        <div id="backup-log-tab-general">
        </div>

        <div id="backup-log-tab-remote">
        </div>
    </div>

    <div id="about-dialog" class="modal-dialog" title="About">
        <div id="about-dialog-general">Duplicati was primarily developed by <a href="mailto:kenneth@duplicati.com">Kenneth Skovhede</a> and <a href="mailto:rene@duplicati.com">Rene Stach</a>. Duplicati can be downloaded from <a href="http://www.duplicati.com" target="blank">duplicati.com</a>. Duplicati is licensed under the <a href="https://www.gnu.org/licenses/lgpl.html">GNU Lesser General Public License</a>.</div>

        <div>You are currenly running Duplicati <p id="about-dialog-current-version">unknown</p>.</div>

        <div id="about-dialog-thirdparty">
        Duplicati is using the following third party libraries:
        <ul id="about-dialog-thirdparty-list">
            <li>Loading ...</li>
        </ul>
        </div>

    </div>

</body>
</html>
